Vue.component('j-table',{
    props:['column','data'],
    template:`
        <table class="hovertable">
            <tr >
                <th v-for="item in column">{{item.title}}</th>
            </tr>
            <tr v-for="item in data" onmouseover="this.style.backgroundColor='#ffff66';" onmouseout="this.style.backgroundColor='#d4e3e5';">
                <td v-for="col in column" >{{item[col.key]}}</td>
            </tr>   
        </table>   
    `,
   
})

